<template>
    <div class="left-cpn">
        <topCpm @getsondata="getsons"></topCpm>
        <bottomCpm></bottomCpm>
    </div>
</template>

<script>
import topCpm from './components/topCpn.vue'
import bottomCpm from './components/bottomCpm.vue'
export default {
    components:{
        topCpm,
        bottomCpm
    },
    data(){
        return {
            name:'111'
        }
    },
    methods:{
        getsons(val){
            this.name = val
        }
    }
}
</script>

<style scoped>
    .left-cpn{
        flex: 2;
        height: 100vh;
        background: #333333;
    }
</style>